.active_bigImg > div {
  width: 1000px;
  height: 400px;
  background-size: 1000px 400px;
  background-image: url(https://kaola-haitao.oss.kaolacdn.com/56959911-32be-4644-a6f6-abaac70ed010T21040201018_1000_400.jpg?x-oss-process=image/resize,w_1000,h_400/quality,q_95/format,webp);
}
.hotBrand {
  padding: 20px 0;
  .hotBrandTitle {
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 40px;
    font-weight: bold;
  }
  .brandLogo {
    background-image: url(https://kaola-haitao.oss.kaolacdn.com/735f28d3-befb-487b-9674-d963a6fd09eaT2104021614_1000_322.png?x-oss-process=image/resize,w_1000,h_322/quality,q_95);
    width: 1000px;
    background-size: 1000px 322px;
    height: 322px;
  }
}
.goodsContainer {
  position: relative;
  ul.stairs {
    position: absolute;
    top: 0;
    left: -200px;
    display: none;
    li {
      padding: 0 20px;
      text-align: center;
      height: 40px;
      line-height: 40px;
      font-size: 20px;
      border: 1px solid gray;
      border-radius: 5px;
      background-color: #fff;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      margin-bottom: 15px;
      i.icon-top {
        font-size: 40px !important;
      }
    }
    li:hover {
      color: red;
    }
    li:last-child {
      text-align: center;
    }
  }
  div.item {
    div.itemTitle {
      width: 100%;
      height: 60px;
      text-align: center;
      line-height: 60px;
      font-size: 40px;
      font-weight: bold;
    }
    ul.goodsList {
      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      li.proItem {
        background-color: #fff;
        border: 1px solid #000;
        width: 197px;
        margin-top: 20px;
        dl.goodsBD {
          width: 100%;
          dt.goodsImg {
            text-align: center;
            img {
              width: 190px;
              height: 190px;
            }
          }
          dd.goodsInfo {
            margin-top: 10px;
            div.goodstitle {
              width: 100%;
              height: 25px;
              padding: 0 30px;
              box-sizing: border-box;
              p.title {
                width: 100%;
                height: 100%;
                font-size: 18px;
                line-height: 25px;
                overflow: hidden;
              }
            }
            div.priceInfo {
              display: flex;
              width: 100%;
              padding: 0 30px;
              box-sizing: border-box;
              justify-content: space-between;
              height: 60px;
              dl.price {
                dt.nowPrice {
                  color: red;
                  span.symbol {
                    font-size: 14px;
                  }
                  span.priceText {
                    font-size: 24px;
                  }
                }
                dd.oldPrice {
                  color: #000;
                  span.symbol {
                    font-size: 14px;
                  }
                  span.priceText {
                    font-size: 14px;
                  }
                }
              }
              div.shopCar {
                i.icon-gouwuche {
                  display: inline-block;
                  height: 32px;
                  width: 32px;
                  text-align: center;
                  color: #fff;
                  line-height: 32px;
                  border-radius: 50%;
                  -webkit-border-radius: 50%;
                  -moz-border-radius: 50%;
                  -ms-border-radius: 50%;
                  -o-border-radius: 50%;
                  background-color: #ff1e32;
                }
              }
            }
          }
        }
      }
      li.proItem:hover {
        border: 1px solid rgb(255, 0, 0);
      }
    }
  }
}
